<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="utf-8" %>
<html>
<head>
    <title>黑马商城后台管理</title>
    <%--引入EasyUI,themes顺序无要求--%>
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">

    <%--引入EasyUI,js顺序有要求--%>
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/easyui-lang-zh_CN.js"></script>

    <%--渲染等待--%>
    <script type="text/javascript" src="js/base-loading.js"></script>
</head>
<body>
<!-- 面板 -->
<div id="layoutID" class="easyui-layout" data-options="fit:true">
    <!-- 北区域 -->
    <div data-options="region:'north',collapsible:false" style="height:90px;">
            <h2 align="center" style="font-size: 35px;font-family: 新宋体;margin: 10px">黑马商城后台管理系统</h2>
    </div>
    <!-- 南区域 -->
    <div data-options="region:'south',collapsible:false" style="height:60px;">
        <h2 align="center">Copyright &copy; 2005-2016 传智商城 版权所有</h2>
    </div>
    <!-- 东区域
    <div data-options="region:'east',title:'东',iconCls:'icon-reload'" style="width:100px;"></div>
     -->
    <!-- 西区域 -->
    <div data-options="region:'west',title:'系统管理'" style="width:200px;">
        <%--添加accordion--%>
        <div id="accordionID" class="easyui-accordion" data-options="fit:true,border:false,selected:0">
            <div title="功能一" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
                <%--添加tree--%>
                <ul id="treeID" class="easyui-tree" data-options="fit:true,lines:true">
                    <li>
                        <span>类别管理</span>
                        <ul>
                            <li>
                                <span><a href="javascript:void(0)"
                                         onclick="addAllCategoryTab()">查询所有类别</a></span>
                            </li>
                            <li>
                                <span><a href="javascript:void(0)"
                                         onclick="backTofore()">同步数据</a></span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <span>商品管理</span>
                        <ul>
                            <li>
                                <span><a id="searchAllGoods" href="javascript:void(0)"
                                         onclick="addAllProductTab()">查询所有商品</a></span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div title="功能二" data-options="iconCls:'icon-reload'" style="padding:10px;">
                正在开发中...
            </div>
            <div title="功能三" data-options="iconCls:'icon-search'">
                正在开发中...
            </div>
        </div>
    </div>
    <!-- 中区域 -->
    <div data-options="region:'center',collapsible:false">
        <%--添加tabs--%>
        <div id="tabID" class="easyui-tabs" data-options="fit:true,border:false">
            <%--动态添加--%>

        </div>
    </div>

</div>
<script type="text/javascript">
    $(function () {
        $("#tabID").tabs("add", {
            "id": "tab1",
            "title": "查询所有商品",
            "closable": true,
            "href": "product_list.jsp",
            "selected": true
        });
    });

    function addAllProductTab() {
        //判断是否已有标题4选项卡
        var isExists = $("#tabID").tabs("exists", "查询所有商品");
        //如果不存在
        if (!isExists) {
            //创建标题4选项卡
            $("#tabID").tabs("add", {
                "id": "allProductTab",
                "title": "查询所有商品",
                "closable": true,
                "href": "product_list.jsp",
                "selected": true
            });
        }else{
            $('#tabID').tabs('select', '查询所有商品');
        }
    }
    function addAllCategoryTab() {
        //判断是否已有标题4选项卡
        var isExists = $("#tabID").tabs("exists", "查询所有类别");
        //如果不存在
        if (!isExists) {
            //创建标题4选项卡
            $("#tabID").tabs("add", {
                "id": "allCategoryTab",
                "title": "查询所有类别",
                "closable": true,
                "href": "category_list.jsp",
                "selected": true
            });
        }else{
            $('#tabID').tabs('select', '查询所有类别');
        }
    }
    //将原来Redis缓存数据库中key删除
    function backTofore() {
        $.ajax({
            type:"POST",
            url:"${pageContext.request.contextPath}/CategoryServlet?action=backToFore",
            data:null,
            success:function () {
                $.messager.alert("系统消息","同步成功","info");
            }

        })
    }
</script>
</body>
</html>
